import { ref } from "vue";

export type datalistType = {
    title: string;
    content: string;
    author: string;
    visits: string;
    collection: string;
    type: string;
    imgsrc: string;
    id?: string;
    imgstatus: boolean
}

export type datalistTypes = Array<datalistType>

export type leftListType = Array<{
    id: number,
    name: string,
    status: boolean,
    iconclass: string
}>

export type navlinksType = Array<{
    id: number,
    name: string,
    status: boolean,
    router: string
}>

export type botAilistDataType = Array<{
    id: number,
    title: string,
    content: string,
    visit: string,
    sch: string,
    url: string
}>

export type tuiJianListType = Array<{
    id: number,
    title: string,
    type: string,
    active: boolean
}>

export type botListDataType = Array<{
    id: number,
    url: string,
    title: string,
    userurl: string,
    username: string,
    content: string,
    visit: string,
    sch: string,
    type: string
}>

export type zuozhelistType = Array<{
    id: number,
    name: string,
    content: string,
    url: string
}>

export type tuiJianHuatiDataType = Array<{
    centent: string,
    visit: string,
    status1: number,
    status2: number
}>

export type imgDataType = Array<{
    imgid: number,
    imgurl: string,
    isshow: boolean
}>

export type wenzhangbanglistsType = Array<{
    id: number,
    content: string
}>

export const navLinks = ref([
    { id: 1, name: '首页', status: true, router: '/' },
    { id: 2, name: 'BOT', status: false, router: '/bot' },
    { id: 3, name: '沸点', status: false, router: '/bot' },
    { id: 4, name: '课程', status: false, router: '/bot' },
    { id: 5, name: '直播', status: false, router: '/bot' },
    { id: 6, name: '活动', status: false, router: '/bot' },
    { id: 7, name: '竞赛', status: false, router: '/bot' },
    { id: 8, name: '商城', status: false, router: '/bot' },
    { id: 9, name: 'APP', status: false, router: '/bot' },
    { id: 10, name: '插件', status: false, router: '/bot' }
]);

export const left_List = ref([
    { id: 1, name: '关注', status: false, iconclass: 'icon-wenzhangchaxun' },
    { id: 2, name: '综合', status: true, iconclass: 'icon-zhinanzhen' },
    { id: 3, name: '后端', status: false, iconclass: 'icon-shuju' },
    { id: 4, name: '前端', status: false, iconclass: 'icon-houduankaifa' },
    { id: 5, name: 'Android', status: false, iconclass: 'icon-anzhuo' },
    { id: 6, name: 'iOS', status: false, iconclass: 'icon-ios' },
    { id: 7, name: '人工智能', status: false, iconclass: 'icon-robot' },
    { id: 8, name: '开发工具', status: false, iconclass: 'icon-icongongju' },
    { id: 9, name: '代码人生', status: false, iconclass: 'icon-wenzhang' },
    { id: 10, name: '阅读', status: false, iconclass: 'icon-yuedu' },
    { id: 11, name: '排行榜', status: false, iconclass: 'icon-wendang' }
]);

export const imgData = ref([
    {
        imgid: 0,
        imgurl: 'guanggaoimg/guanggao1.png',
        isshow: true
    },
    {
        imgid: 1,
        imgurl: 'guanggaoimg/guanggao2.png',
        isshow: true
    }
    ,
    {
        imgid: 2,
        imgurl: 'guanggaoimg/guanggao3.png',
        isshow: true
    }
])

export const dataList1 = ref([
    {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
         imgstatus: false
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
         imgstatus: false
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
         imgstatus: false
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
         imgstatus: false
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }, {
        title: "通过博客园求救信事件，我想说，不以盈利为目的的靠爱...",
        content: "今天不聊技术了，来聊聊我最近的一些感悟。这两天相信大家也都看到了，博客园因为经营不善，‘又’发布了一篇求助信。为什么说又呢？我去谷歌随便搜索了一下 可以看到在2024-7-15号，博客园刚发布了一",
        author: "攻城师不浪",
        visits: "20k",
        collection: "112",
        type: "前端",
        imgsrc: "contentlistimg/list1.png",
        imgstatus: true
    }
])
export const dataList2 = ref([{
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: false
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: false
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: false
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}, {
    title: "听说你不了解package.json? 那太巧了",
    content: "关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解该文件的含义以及学会对它的配置。作用 package.json",
    author: "outsider_友人A",
    visits: "5.4k",
    collection: "41",
    type: "前端",
    imgsrc: "contentlistimg/list2.png",
    imgstatus: true
}
])
export const dataList3 = ref([
    {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
         imgstatus: false
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }, {
        title: "汗流浃背的一个小时——海马体一面，第一题就不会",
        content: "上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟",
        author: "金色的暴发户",
        visits: "61k",
        collection: "692",
        type: "面试",
        imgsrc: "contentlistimg/list3.png",
        imgstatus: true
    }
])
export const dataList4 = ref([
    {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
         imgstatus: false
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
         imgstatus: false
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
         imgstatus: false
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }, {
        title: "给 CSS 加把锁",
        content: "给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事！",
        author: "大漠_w3cpluscom",
        visits: "860",
        collection: "10",
        type: "前端",
        imgsrc: "contentlistimg/list4.png",
        imgstatus: true
    }
])
export const dataList5 = ref([
    {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
        imgstatus: true
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
         imgstatus: false
    }, {
        title: "开源的 API 学习平台「GitHub 热点速览」",
        content: "前有 5 万颗星标的开源项目 HTTPie 因误操作导致 Star 清零（2022 年），上周知名开源项目 Elasticsearch 也经历了 Star 一夜清零的事件。这些事故的原因均是管理员误将",
        author: "HelloGitHub",
        visits: "378",
        collection: "8",
        type: "GitHub",
        imgsrc: "contentlistimg/list5.png",
         imgstatus: false
    }
])
export const dataList6 = ref([
    {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
         imgstatus: false
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
         imgstatus: false
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
         imgstatus: false
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }, {
        title: "Go 项目怎么做好分层架构和目录规划",
        content: "这节我们来聊一下搭建项目时一些常用的分层设计方法论和约定。开发项目的时候我们都爱说XX模块，模块一般是跟着项目所服务的业务走的，只有分析好业务的结构后才能知道项目要分成哪些模块。而项目的分层则没有那么",
        author: "kevinyan",
        visits: "77",
        collection: "点赞",
        type: "Go",
        imgsrc: "contentlistimg/list6.png",
        imgstatus: true
    }
])
export const dataList7 = ref([
    {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
        imgstatus: true
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
        imgstatus: true
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
        imgstatus: true
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
         imgstatus: false
    }, {
        title: "前端入门JAVA：Spring-web项目实现登录、注册接口",
        content: "专栏前言 作为一名前端开发，为了扩展自身技能，准备入门级的学习一下java后端相关知识。虽然岗位是前端，但我觉得不能算是卷。因为我们日常开发中几乎每天都要和后端同学打交道，如果能够掌握后端基本知识的",
        author: "尖椒土豆sss",
        visits: "39",
        collection: "点赞",
        type: "前端",
        imgsrc: "contentlistimg/list7.png",
        imgstatus: true
    }
])
export const dataList8 = ref([
    {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }, {
        title: "我用爬虫抓取了 9 月掘金热门面试文章",
        content: "闲话不多说，直接上干货 前端 点赞量: 207 - 2024.08.10 更新前端面试问题总结（20道题） 点赞量: 168 - 字节面试官：虐你如呼吸 点赞量: 104 - 前端面试第63期 -",
        author: "晴小篆",
        visits: "173",
        collection: "5",
        type: "前端",
        imgsrc: "contentlistimg/list8.png",
        imgstatus: true
    }
])
export const dataList9 = ref([{
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
     imgstatus: false
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
     imgstatus: false
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
     imgstatus: false
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
     imgstatus: false
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
     imgstatus: false
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
    imgstatus: true
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
    imgstatus: true
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
    imgstatus: true
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
    imgstatus: true
}, {
    title: "谁说 ChatGPT 不会画架构图，看我如何用 DiagramsGPT 画架构图？",
    content: "有没有过这样的场景：你的团队要开一个项目讨论会，大家需要一张架构图来讨论系统的组成和连接，但偏偏你手头没有设计工具，时间又紧，绘图软件操作起来还不熟练……别担心，有个叫 Diagrams 的神器可以救",
    author: "老码小张",
    visits: "135",
    collection: "3",
    type: "前端",
    imgsrc: "contentlistimg/list9.png",
    imgstatus: true
}
])
export const dataList10 = ref([
    {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
        imgstatus: true
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
        imgstatus: true
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
        imgstatus: true
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
        imgstatus: true
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }, {
        title: "8年前端，那就聊聊被裁的感悟吧！！",
        content: "前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。另一家是做电子签名的独角兽，我",
        author: "顾昂_",
        visits: "74k",
        collection: "980",
        type: "前端",
        imgsrc: "contentlistimg/list10.png",
         imgstatus: false
    }
])
export const dataList11 = ref([
    {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
        imgstatus: true
    }, {
        title: "细说一下flex:1隐藏的意思",
        content: "当我们使用display: flex;布局时设置 flex: 1 实际上包含了三个属性的默认值： flex-grow: 1; flex-shrink: 1 ; flex-basis: 0%;",
        author: "天天鸭",
        visits: "1.7k",
        collection: "23",
        type: "前端",
        imgsrc: "contentlistimg/list11.png",
         imgstatus: false
    }
])
export const dataList12 = ref([
    {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
         imgstatus: false
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
         imgstatus: false
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
         imgstatus: false
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
         imgstatus: false
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    }, {
        title: "前任开发在代码里下毒了，支付下单居然没加幂等",
        content: "故事 又是一个风和日丽没好的一天，小猫戴着耳机，安逸地听着音乐，撸着代码，这种没有会议的日子真的是巴适得板。 不料祸从天降。。。",
        author: "程序员老猫",
        visits: "73k",
        collection: "539",
        type: "后端",
        imgsrc: "contentlistimg/list12.png",
        imgstatus: true
    },
])

export const newDataList = ref([{
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
     imgstatus: false
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
     imgstatus: false
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
     imgstatus: false
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
     imgstatus: false
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}, {
    title: "逆天的仿站软件，只需网站截图，复制和网站一样的效果",
    content: "可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。效果展示第一、去github下载开源项目开源项目：GitHub",
    author: "在呼吸124",
    visits: "3.9k",
    collection: "32",
    type: "前端",
    imgsrc: "cent2.png",
    imgstatus: true
}
])

export const tuiJianHuatiData = ref([
    {

        centent: "#挑战每日一条沸点#",
        visit: "9.4m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#每日快讯#",
        visit: "6.3m",
        status1: 1,
        status2: 1
    },
    {
        centent: "#豆包Marscode体验#",
        visit: "478k",
        status1: 1,
        status2: 0
    },
    {
        centent: "#鸿蒙的实践与探索#",
        visit: "110k",
        status1: 1,
        status2: 0
    },
    {
        centent: "#每天一个知识点#",
        visit: "23.7m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#金石计划征文活动#",
        visit: "22.0m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#华为鸿蒙有奖征文#",
        visit: "83k",
        status1: 0,
        status2: 0
    },
    {
        centent: "#新人报道#",
        visit: "16.7m",
        status1: 0,
        status2: 0
    },
    {
        centent: "#创作者训练营#",
        visit: "4.7m",
        status1: 1,
        status2: 1
    },
    {
        centent: "#我的技术写作成长之路#",
        visit: "4.9m",
        status1: 1,
        status2: 0
    }
])
export const newtuiJianHuatiData = ref([
    {
        centent: "#AI技术前沿#",
        visit: "15.6m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#区块链深度解析#",
        visit: "3.2m",
        status1: 0,
        status2: 1
    },
    {
        centent: "#大数据分析实战#",
        visit: "7.1m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#云计算趋势#",
        visit: "2.8m",
        status1: 1,
        status2: 1
    },
    {
        centent: "#网络安全热点#",
        visit: "19.4m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#5G技术应用#",
        visit: "12.5m",
        status1: 0,
        status2: 1
    },
    {
        centent: "#物联网发展动态#",
        visit: "4.3m",
        status1: 1,
        status2: 0
    },
    {
        centent: "#人工智能伦理#",
        visit: "6.0m",
        status1: 0,
        status2: 0
    },
    {
        centent: "#量子计算探索#",
        visit: "1.1m",
        status1: 1,
        status2: 1
    },
    {
        centent: "#数字化转型实践#",
        visit: "10.2m",
        status1: 1,
        status2: 0
    }
]);

export const dataLists = ref<Array<datalistTypes>>([
    dataList1.value,
    dataList2.value,
    dataList3.value,
    dataList4.value,
    dataList5.value,
    dataList6.value,
    dataList7.value,
    dataList8.value,
    dataList9.value,
    dataList10.value,
    dataList11.value,
    dataList12.value
])

export const botAiListData = ref([
    {
        id: 1,
        title: 'AI全能小助手',
        content: 'AI全能小助手，擅长写代码、面试指导、在线搜书、文生图、创作故事、讲笑话、作诗、取名、查天气、优化简历、扮演程序员鼓励师，识别图片内容并总结，本地文件或网站内容总结，通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊天回答，可处理多达万字的长篇内容，具备分析图像的能力，且有一定的「幽默感」，生成网页，超强推理能力，可以实时获取网络信息，具有超强的信息处理能力。✅ 采用豆包·Function call模型。',
        visit: '3.4K',
        sch: '51',
        url: 'botailistimg/botailist1.png'
    },
    {
        id: 2,
        title: '前端面试官',
        content: '一个资深前端面试官，助力你找到心仪工作',
        visit: '3.1K',
        sch: '174',
        url: 'botailistimg/botailist2.png'
    },
    {
        id: 3,
        title: '思维模型专家',
        content: '每个思维模型背后，都包含了各行业专家和咨询公司深入的研究和总结，并经历了多年实践和优化逐步成型。使用思维模型来回答问题，不仅授人以鱼，更能授人以渔，而且非常便于记忆和实操。',
        visit: '265',
        sch: '18',
        url: 'botailistimg/botailist3.png'
    },
    {
        id: 4,
        title: '程序员的工具箱',
        content: '程序员的工具箱。功能集成json格式化，json转sql，json转golang，域名DNS记录查询，搜索引擎，600+linux命令，网页内容总结，OCR识别等工具。目标是一个工具解决程序员日常工作中使用到的工具网站。',
        visit: '595',
        sch: '38',
        url: 'botailistimg/botailist4.png'
    }
])

export const tuiJianList = ref([
    {
        id: 1,
        title: '推荐',
        type: 'recommend',
        active: true
    },
    {
        id: 2,
        title: '效率工具',
        type: 'Efficiencytools',
        active: false
    },
    {
        id: 3,
        title: '商业服务',
        type: 'Businessservices',
        active: false
    },
    {
        id: 4,
        title: '文本创作',
        type: 'Textauthoring',
        active: false
    },
    {
        id: 5,
        title: '学习教育',
        type: 'Learntoeducate',
        active: false
    },
    {
        id: 6,
        title: '代码助手',
        type: 'CodeAssistant',
        active: false
    },
    {
        id: 7,
        title: '生活方式',
        type: 'lifestyle',
        active: false
    },
    {
        id: 8,
        title: '游戏',
        type: 'Game',
        active: false
    },
    {
        id: 9,
        title: '图像与音视频',
        type: 'Imagesandaudioandvideo',
        active: false
    },
    {
        id: 10,
        title: '角色',
        type: 'role',
        active: false
    }
])

export const botListData = ref([
    {
        id: 1,
        url: 'botlistimg/botlistimg1.png',
        title: 'Chat GPT4.5',
        userurl: 'botlistimg/userimg/userimg1.png',
        username: '用户74140114885',
        content: '1,可处理多达4万字的长篇内容 2,具备分析图像的能力，且有一定的「幽默感」 3,生成网页 4,超强推理能力 5,可以实时获取网络信息 6，具有超强的信息处理能力',
        visit: '19k',
        sch: '318',
        type: 'recommend'
    },
    {
        id: 2,
        url: 'botlistimg/botlistimg2.png',
        title: 'AI全能小助手',
        userurl: 'botlistimg/userimg/userimg2.png',
        username: '小小神仙',
        content: 'AI全能小助手，擅长写代码、面试指导、在线搜书、文生图、创作故事、讲笑话、作诗、取名、查天气、优化简历、扮演程序员鼓励师，识别图片内容并总结，本地文件或网站内容总结， 通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊天回答，可处理多达万字的长篇内容，具备分析图像的能力，且有一定的「幽默感」，生成网页 ，超强推理能力，可以实时获取网络信息 ，具有超强的信息处理能力。✅ 采用豆包·Function call模型。',
        visit: '3.4k',
        sch: '51',
        type: 'Efficiencytools'
    },
    {
        id: 3,
        url: 'botlistimg/botlistimg3.png',
        title: 'AI编程助手',
        userurl: 'botlistimg/userimg/userimg3.png',
        username: 'RealDragon',
        content: '采用最智能的大模型，自动化AI编程。精通Java、C、C++、Python、Rust、Go等编程语言有很深的造诣，能够回答各种复杂的与编程相关的问题。',
        visit: '2.5k',
        sch: '67',
        type: 'Businessservices'
    },
    {
        id: 4,
        url: 'botlistimg/botlistimg4.png',
        title: '逃离缅甸',
        userurl: 'botlistimg/userimg/userimg4.png',
        username: '哥你喝过煮酒吗',
        content: '缅甸以电信诈骗而闻名，你必须谨慎行事，才能逃离，加油吧，骚年',
        visit: '5.0k',
        sch: '62',
        type: 'Textauthoring'
    },
    {
        id: 5,
        url: 'botlistimg/botlistimg5.png',
        title: '都市群芳录',
        userurl: 'botlistimg/userimg/userimg5.png',
        username: '散修张一介',
        content: '一款文字游戏男主人公因为发现公司高层的不正当交易，被公司开除又三位女主发生着怎样的故事？',
        visit: '1.9k',
        sch: '54',
        type: 'Learntoeducate'
    },
    {
        id: 6,
        url: 'botlistimg/botlistimg6.png',
        title: 'QQ号估值',
        userurl: 'botlistimg/userimg/userimg6.png',
        username: '李帆本尊',
        content: '对QQ号价值做模糊的估计',
        visit: '7.7k',
        sch: '8',
        type: 'CodeAssistant'
    },
    {
        id: 7,
        url: 'botlistimg/botlistimg7.png',
        title: '单人剧本杀-鬼魅酒店👻',
        userurl: 'botlistimg/userimg/userimg7.png',
        username: 'totoroll',
        content: '被困在诡异酒店，每个角落都藏着线索与危机。智斗幽灵，寻找逃生之钥。你能否突破重重迷雾，揭开秘密，逃离这场超自然的生死游戏？',
        visit: '2.0k',
        sch: '83',
        type: 'lifestyle'
    },
    {
        id: 8,
        url: 'botlistimg/botlistimg8.png',
        title: '变量命名助手',
        userurl: 'botlistimg/userimg/userimg8.png',
        username: '少年酱105974',
        content: '变量命名助手：输入中文自动转成合适的变量名',
        visit: '787',
        sch: '52',
        type: 'Game'
    },
    {
        id: 9,
        url: 'botlistimg/botlistimg9.png',
        title: 'MBTI性格测试',
        userurl: 'botlistimg/userimg/userimg9.png',
        username: 'user8541043917278',
        content: '他是 MBTI 性格测试专家。他非常了解 MBTI 测试的原理和方法，可以通过一系列问题来测试出对方的 MBTI 类型，并根据测试结果给出相应的建议和解释。他对 MBTI 测试的结果非常准确，他的建议也非常有用，可以帮助人们更好地了解自己和他人。如果你需要进行 MBTI 测试，请告诉他，他会尽力帮助你。',
        visit: '2.9k',
        sch: '12',
        type: 'Imagesandaudioandvideo'
    },
    {
        id: 10,
        url: 'botlistimg/botlistimg10.png',
        title: '前端面试官',
        userurl: 'botlistimg/userimg/userimg10.png',
        username: '东方小月',
        content: '一个资深前端面试官,助力你找到心仪工作',
        visit: '3.1k',
        sch: '174',
        type: 'role'
    }
])

export const zuozhelist = ref([
    {
        id: 1,
        name: "程序员飞鱼",
        content: "后端工程师 @美团",
        url: "zuozheimg/zuozhe1.png"
    },
    {
        id: 2,
        name: "Moment",
        content: "辣鸡前端",
        url: "zuozheimg/zuozhe2.png"
    },
    {
        id: 3,
        name: "恋猫de小郭",
        content: "Flutter & Dart GDE @🏆 掘金签约作者",
        url: "zuozheimg/zuozhe3.png"
    },
    {
        id: 4,
        name: "机器之心",
        content: "@机器之心",
        url: "zuozheimg/zuozhe4.png"
    },
    {
        id: 5,
        name: "豆包MarsCode",
        content: "作者暂无简介",
        url: "zuozheimg/zuozhe5.png"
    }
])

export const wenzhangbangLists = ref([
    {
        id: 1,
        content: '富文本选型太难了，谁来帮帮我！'
    },
    {
        id: 2,
        content: '什么是微服务？如何搭建一套微服务架构？'
    },
    {
        id: 3,
        content: 'webSocket封装，心跳检测+断线重连基于ES6class,已在生产环境上使用，已发布包'
    }, {
        id: 4,
        content: '独立开发者 5个月，月收入赶超北京工资，我的一点心得'
    }, {
        id: 5,
        content: 'Rspack 1.1 发布：全面提升 build 和 HMR性能'
    }
])

export const newwenzhangbangLists = ref([
    {
        id: 6,
        content: '深入浅出Vue3 Composition API的使用和原理解析'
    },
    {
        id: 7,
        content: '一文读懂Docker容器技术及其应用场景'
    },
    {
        id: 8,
        content: 'GraphQL vs REST：API的未来趋势'
    },
    {
        id: 9,
        content: '机器学习入门：从线性回归到深度学习'
    },
    {
        id: 10,
        content: '探索Node.js性能优化的10个技巧'
    }
])